{{content()}}
<div ng-controller="categoryController" class="category">
    <div class="containers ">
        <div class="main">
            <input type="hidden" ng-model="categoryId" ng-init="categoryId='{{category.getId()}}'" value="{{category.getId()}}"/>
            <input type="hidden" ng-model="url" ng-init="url='{{url('video/category?id='~category.getId())}}'" value="{{url('video/category?id='~category.getId())}}"/>
            <div class="col-md-12 filters">
                <div class="form-content">
                    {{ form('class': 'forms-signup forms-horizontal') }}
                        <div class="countries">
                            {{ form.render('national_id', ['value' : request.getQuery('coun')]) }}
                        </div>
                        <div class="artists">
                            {{ form.render('artist_id') }}
                        </div>
                        <div class="years">
                            {{ form.render('year_publish') }}
                        </div>
                        <div class="bt_search ">
                            {{ form.render('Lọc') }}
                        </div>
                    </form>
                </div>
            </div>
            <h2 class="blockTitle">
                <a href="{{url('video/category/'~category.getId())}}" title="{{category.getName()}}">{{category.getName()}}</a>
                <!--<small>Đừng bỏ lỡ các bộ phim hấp dẫn của điện ảnh Việt Nam và Thế Giới</small>!-->
            </h2>
            <div class="category-content tag">
                <div class="group">
                    {% if num > 0 %}

                    {% for video in videos %}
                    <div class="block-base movie" style="">
                        <a href="{{url('video/detail/'~video.getId())}}" target="_blank">
                            {% if(video.imageLink.getFirst()) %}
                            {{ image('/public/files/' ~ video.imageLink.getFirst().images.getImagePath() , 'width' : '100%','height':'250') }}
                            {% else %}
                            {{ image('/public/files/default.jpg'  , 'width' : '100%','height':'250') }}
                            {% endif %}
                        </a>
                        <div class="movie-info rate">
                            <div class="icon imdb">
                                <strong>5.4</strong>
                                <small>IMDb</small>
                            </div>
                            <a class="main-cta" href="{{url('video/detail/'~video.getId())}}">CHI TIẾT</a>
                        </div>

                        <a class="title" href="#" target="_blank">{{video.videoDescription.getName()}}</a>
                    </div>
                    {% endfor %}
                    {% else %}
                    <div class="result">Không tìm thấy kết quả!</div>
                    {% endif %}
                </div>
            </div>
            <div class="paginator">
                  {% if videos.haveToPaginate() %}
                      {# Render the navigation #}
                      {{ videos.getLayout() }}
                  {% endif %}
            </div>
        </div>

    </div>
</div>